<template>
  <el-container class="wh100">
    <component :is="userTagComponent" ref="tag" :multi="multi"/>
  </el-container>
</template>

<script>
import UserTagCon from '@/components/tag/user-tag-con'
export default {
  name: 'UserTag',
  components: { UserTagCon },
  data() {
    return {
      showUserTag: false
    }
  },
  props: {
    multi: {
      type: Boolean,
      default: true
    }
  },
  computed: {
    userTagComponent() {
      return UserTagCon
    }
  },
  mounted() {

  },
  methods: {
    query() {
      this.$refs.tag.query()
    },
    get() {
      return this.$refs.tag.getValue()
    },
    clear() {
      this.$refs.tag.clear()
    }
  }
}
</script>
<style scoped>
  .el-tabs{
    box-sizing: border-box;
  }
  .el-dialog__header{
    padding: 10px 20px 10px;
  }
  .el-tabs__content{
    padding: 5px!important;
  }
</style>
